﻿@model MyPortfolio.Models.Artist

<section id="home"></section>
<div id="headerwrap">
    <div class="container">
        <div class="row centered">
            <div class="col-lg-12">
                <h1>Welcome</h1>
                <h3>A display of .NET MVC technologies including Bootstrap 3</h3>
            </div>
        </div>
    </div>
</div>
<section id="technologies"></section>
<div>
    <div class="container">
        <div class="row centered">
            <h1>Technologies Used</h1>
            <div class="col-lg-4 col-md-4 col-sm-4">
                <h3>.NET MVC</h3>
                <p>
                    This site is built with MVC 4. It has one controller that serves the site. I provide the data via API call to last.fm to the model.
                    This data is then passed to the view via jQuery.
                </p>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4">
                <h3>Twitter Bootstrap 3 / jQuery</h3>
                <p>
                    The layout you are viewing is done with Twitter Bootsrap 3. A responsive CSS layout was used to display the search results.
                </p>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4">
                <h3>Last.fm API</h3>
                <p>
                    I never used <a href="http://www.last.fm/api/intro">last.fm</a> in my professional work. I used it here since it was FREE and more fun than a weather forecast demo.
                    The developer documentation was clearly laid out so it was a snap to get it working for the first time. 
                </p>
            </div>
        </div>
        <a href="http://ucmeonline.com/ucmeonline.com-source-jan19.zip">
            <button type="button" class="btn btn-primary btn-lg">Download Source Code</button>
        </a>
        <hr>
    </div>
</div>


